// 基础样式，可被其他项目或独立页面复用
@use "@/assets/mixin.scss" as *;

html, body, form, div, ul, fieldset, li, table, tr, td, span, em, span, input {
  margin: 0px;
  padding: 0px;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

.flex-center {
  @include flex-center();
}

.flex-end {
  @include flex-end();
}

.flex-start {
  @include flex-start();
}

.flex-between {
  @include flex-between();
}

.flex-start-column {
  @include flex-start-column();
}

.flex-end-column {
  @include flex-end-column();
}

.flex-column {
  @include flex-column();
}

.flex-row {
  @include flex-row();
}

.flex-wrap {
  @include flex-wrap();
}

.text-wrap {
  @include text-wrap();
}

// https://www.tailwindcss.cn/

.m-20 {
  margin: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.p-20 {
  padding: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.pr-20 {
  padding-right: 20px;
}
